<template>
  <n-form
      ref="formRef"
      :model="face"
      label-placement="left"
      :label-width="160"
      :style="{
        maxWidth: '640px'
      }"
  >
<!--    <n-form-item label="命名空间">-->
<!--      {{ face.namespace }}-->
<!--    </n-form-item>-->
<!--    <n-form-item label="集合名称">-->
<!--      {{ face.collectionName }}-->
<!--    </n-form-item>-->
<!--    <n-form-item label="样本编号">-->
<!--      {{ face.sampleId }}-->
<!--    </n-form-item>-->
    <n-form-item label="照片">
      <n-upload
          :default-file-list="face.files"
          list-type="image-card"
          multiple
          :default-upload="false"
          @update:file-list="handleUpdateFile"
      >
        点击上传
      </n-upload>
    </n-form-item>
    <n-form-item label="人脸字段" feedback="与创建集合时给定的数据保持一致">
      <key-value v-model:value="face.faceData" />
    </n-form-item>
    <n-form-item label="质量分数阈值" feedback="人脸质量分数阈值,范围：[0,100]：默认0。当设置为0时，会默认使用当前模型的默认值，该方法为推荐使用方式">
      <n-slider :min="0" :max="100" v-model:value="face.faceScoreThreshold" />
    </n-form-item>
    <n-form-item label="相似度的最大阈值" feedback="当前样本与其他样本的人脸相似度的最大阈值,范围：[0,100]：默认0。当设置为0时，表示不做类间相似度判断逻辑,开启后对效率有较大影响	">
      <n-slider :min="0" :max="100" v-model:value="face.maxConfidenceThresholdWithOtherSample" />
    </n-form-item>
    <n-form-item label="相似度的最小阈值" feedback="当前样本的人脸相似度的最小阈值,范围：[0,100]：默认0。当设置为0时，表示不做类间相似度判断逻辑,开启后对效率有较大影响">
      <n-slider :min="0" :max="100" v-model:value="face.minConfidenceThresholdWithThisSample" />
    </n-form-item>
  </n-form>
</template>

<script>
import KeyValue from "./KeyValue";

export default {
  name: "FaceInfo",
  components: {KeyValue},
  props: ["value", "files"],
  emits: ["update:files"],
  data () {
    return {
      face: ref(this.value),
    }
  },
  methods: {
    handleUpdateFile (files) {
      this.$emit("update:files", files);
    }
  }
}
</script>

<style scoped>

</style>
